<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<%@ taglib prefix="joda" uri="http://www.joda.org/joda/time/tags"%>
<html>
<style type="text/css" id="25545097000"></style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>国安</title>
<meta name="viewport"
	content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link href="${ctx}/static/weixin/hotels.css" rel="stylesheet"
	type="text/css">
<script src="${ctx}/static/weixin/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="${ctx}/static/weixin/main.js"></script>

</head>

<body id="wrap" style="">
	<style>
.deploy_ctype_tip {
	z-index: 1001;
	width: 100%;
	text-align: center;
	position: fixed;
	top: 50%;
	margin-top: -23px;
	left: 0;
}

.deploy_ctype_tip p {
	display: inline-block;
	padding: 13px 24px;
	border: solid #d6d482 1px;
	background: #f5f4c5;
	font-size: 16px;
	color: #8f772f;
	line-height: 18px;
	border-radius: 3px;
}
</style>
	<div class="cardexplain">
		<jsp:include page="${ctx}/weixin/coach/coachConfig" />
	
		<form method="post"  id="form">
		<input type="hidden" id="coachId" name="coachId" value="${coach.id}"/>
			<ul class="round">
				<li class="title mb"><span class="none">请填写以学员信息以便进行绑定</span></li>
				<li class="nob">
					<table width="100%" border="0" cellspacing="0" cellpadding="0"
						class="kuang">
						<tbody>
							<tr>
								<th style="width: 120px;">练车日期：</th>
								<td><input type="text" class="px" value="<joda:format value="${coach.coachTime}"
										pattern="yyyy-MM-dd" />" readonly="readonly"></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li class="nob">
					<table width="100%" border="0" cellspacing="0" cellpadding="0"
						class="kuang">
						<tbody>
							<tr>
								<th style="width: 120px;">练车时间：</th>
								<td><input type="text" class="px" id="openHours"
									name="openHours" value="${itemHours}" readonly="readonly"></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li class="nob">
					<table width="100%" border="0" cellspacing="0" cellpadding="0"
						class="kuang">
						<tbody>
							<tr>
								<th style="width: 120px;">姓名：</th>
								<td><input type="text" class="px" placeholder="请输入姓名"
									id="studentName" name="studentName" value=""></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li class="nob">
					<table width="100%" border="0" cellspacing="0" cellpadding="0"
						class="kuang">
						<tbody>
							<tr>
								<th style="width: 120px;">电话:</th>
								<td><input type="text" class="px" placeholder="请输入电话"
									id="contactNumberF" name="contactNumberF" value=""></td>
							</tr>
						</tbody>
					</table>
				</li>
			</ul>
		</form>


		<div class="footReturn" style="text-align: center">
			<input type="button" style="margin: 0 auto 20px auto; width: 90%"
				class="submit" value="绑定" onclick="return tgSubmit()">
		</div>
		<script>
			function showTip(tipTxt) {
				var div = document.createElement('div');
				div.innerHTML = '<div class="deploy_ctype_tip"><p>' + tipTxt
						+ '</p></div>';
				var tipNode = div.firstChild;
				$("#wrap").after(tipNode);
				setTimeout(function() {
					$(tipNode).remove();
				}, 1500);
			}
			function tgSubmit() {
				//
				var name = $("#studentName").val();
				if ($.trim(name) == "") {
					showTip('请输入姓名')
					return false;
				}
				var tel = $("#contactNumberF").val();
				if ($.trim(tel) == "") {
					showTip('请输入电话')
					return false;
				}
				$('#form').get(0).submit();
			}
		</script>
	</div>

</body>
</html>